$(function () {
    // 把请求数据的路径存在变量path
    var path = "http://193.112.55.79:9090";

    /*初始化*/
    init();
    function init() {
        getcategoryList(1);
        setlocation();
        addPageClick();
    }
    /* 初始页面的路径和页码 */
    function setlocation() {
        var id = getQueryString("categoryid");
        $.get(path + "/api/getcategorybyid?categoryid=" + id, function (res){
            var n = res.result[0].category;
            $(".breadcrumb li:last-child").html(n);
        });
    }

    /*总页数*/
    // var Total = 0;
    /*根据分类id获取列表信息*/
    function getcategoryList(pageid) {
        var id = getQueryString("categoryid");
        $.get(path + "/api/getproductlist?categoryid=" + id + "&pageid=" + pageid, function (res) {
            // console.dir(res);
            var html = template("product-listTmp", res);
            $(".product-list").html(html);

            // 一个页面上的数据条数是pagesize
            // 总条数 totalCount
            var pageTotal = res.totalCount / res.pagesize;
            // Total = pageTotal;
            // 获取总页数
            var arr = [];
            for (var i = 0; i < pageTotal; i++) {
                arr.push('<li role="presentation"><a role="menuitem" tabindex="-1" href="#">第' + (i + 1) + '页</a></li>');
            }
            /* join的用法*/
            $(".product-page ul").html(arr.join(''));
        });
    }

    /*绑定分页点击事件*/
    function addPageClick() {
        $(".product-page ul ").on("click", " li a", function () {
            var pageid = getNum($(this).html());
            var categoryid = getQueryString("categoryid");
            // var pageid = getQueryString("pageid");
            // window.location.href = "http://localhost:3000/productlist.html?categoryid=" + categoryid + "&pageid=" + pageid + "";
            getcategoryList(pageid);
            $(".product-page button").html("第" + pageid + "页");
        });

        /*上一页*/
        $(".product-page .pre").on("click", function () {
            var pageid = getNum($(".product-page button").html());
            if (pageid <= 1) {
                return;
            }
            pageid--;
            getcategoryList(pageid);
            $(".product-page button").html("第" + pageid + "页");
        });

        /*下一页*/
        $(".product-page .nex").click(function () {
            var pageid = getNum($(".product-page button").html());
            var totalPage = getNum($(".product-page ul li:last-child a").html());
            if (pageid >= totalPage) {
                return;
            }
            pageid++;
            getcategoryList(pageid);
            $(".product-page button").html("第" + pageid + "页");
        });
    }


    /*取到字符串里面的数字 */
    function getNum(str) {
        // console.dir(/\d+/.exec(str));
        //exec()  返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null
        if (!str || str.length == 0) {
            return "";
        } else {
            var ret = /\d+/.exec(str);
            if (!ret) {
                return "";
            }
            return parseInt(/\d+/.exec(str)[0]);
        }
    }

    /*取到url的参数*/
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        // if (r != null) return unescape(r[2]);
        if (r != null) return decodeURI(r[2]);
        return null;
    }

    // 设置屏幕自适应,改变根标签html的font-size大小
    setFont();
    window.onresize = function () {
        setFont();
    };
    // 根据当前屏幕的宽度 动态设置页面根标签的fontsize
    function setFont() {
        // 要设置的字体大小  = 基础值 * 要适配的屏幕的宽度 /  设计稿宽度
        // 基础值
        var baseVal = 100;
        // 设计稿的宽度
        var pageWidth = 375;
        // 要适配的屏幕的宽度 = 当前屏幕的宽度
        var screenWidth = document.querySelector("html").offsetWidth;
        // 要设置的字体大小
        var fontsize = (baseVal * screenWidth) / pageWidth;
        // 把字体大小动态设置到 html标签中
        document.querySelector("html").style.fontSize = fontsize + "px";
    }
})